<%-- 
    Document   : index
    Created on : 19/02/2012, 20:13:22
    Author     : luciano
--%>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SVE - titulo pagina</title>
         <link type="image/x-icon" rel="shortcut icon" href="<%= request.getContextPath() %>/images/favicon.ico">
        <LINK REL=StyleSheet HREF="<%= request.getContextPath() %>/css/sve.css" TYPE="text/css" MEDIA=screen>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <table style="width:100%;">
                    <tbody>
                    <tr>
                    <td align="left" >
                        SVE - Sistema de voto electr&oacute;nico
                    </td>
                    <td align="right" >
                        <img id="img_utn_logo" alt="UTNFRC" src="<%= request.getContextPath() %>/images/logoutn.gif">
                    </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <div id="content">
                
                <h1 style="margin-left:10px;">Ayuda del sistma</h1>    
	            <p style="margin-left:20px;">Instrucciones para efectuar la votaci&oacute;n</p>
	           
                <table class="formTable" >
                <tbody>
                	<tr>
                		<td style="text-align: center;">
                		 	<input id="botonVolver" type="button" value="Salir de la Pantalla de Ayuda" onclick="window.location='<%=request.getContextPath() %>/Index';">
                		 </td>
                	</tr>
                	<tr>
	                	<td style="text-align: center;">
	                		Antes de ingresar al sistema dir&iacute;jase a su mesa de votaci&oacute;n asignada para obtener su c&oacute;digo de votaci&oacute;n. 
	                		El presidente de mesa le pedira unos datos y su libreta de estudiante. 
	                		Una vez obtenido su c&oacute;digo Luego ubiquece en una computadora habilitada para votar.
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		<img style="border:2px blue solid;" src="<%=request.getContextPath() %>/images/ayuda1.png">
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		Ingrese sus datos y el c&oacute;digo recibido y presione el boton "Ingresar a Votar".
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		<img style="border:2px blue solid;" src="<%=request.getContextPath() %>/images/ayuda2.png">
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		Seleccione un candidato haciendo click en un radio button (bot&oacute;n circular de la izquierda), y presione el bot&oacute;n "Votar".
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		<img style="border:2px blue solid;" src="<%=request.getContextPath() %>/images/ayuda3.png">
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		Se desplegar&aacute; un mensaje de confirmaci&oacute;n, presione "Aceptar" para confirmar el voto o "Cancelar" para cambiar el candidato elegido.
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		<img style="border:2px blue solid;" src="<%=request.getContextPath() %>/images/ayuda4.png">
	                	</td>
	                </tr>
	                 <tr>
	                	<td style="text-align: center;">
	                		Una ves finalizado el proceso de votaci&oacute;n presiones "Finalizar" 
	                		y dir&iacute;jase hacia su mesa de votaci&oacute;n asignada para recibir su libreta de estudiante firmada.
	                	</td>
	                </tr>
	                <tr>
	                	<td style="text-align: center;">
	                		<img style="border:2px blue solid;" src="<%=request.getContextPath() %>/images/ayuda5.png">
	                	</td>
	                </tr>
	                 <tr>
                		<td style="text-align: center;">
                		 	<input id="botonVolver" type="button" value="Salir de la Pantalla de Ayuda" onclick="window.location='<%=request.getContextPath() %>/Index';">
                		 </td>
                	</tr>
                	
                </tbody>
                </table>
                
            </div>

            <div id="footer">
                Paradigmas de programaci&oacute;n 2012 - Alumnos: Luciano Mart&iacute;n de Asteinza, Jos&eacute; El&iacute;as Nazar
            </div>
        </div>
    </body>
</html>
